import "./index.less"
import BaseComponent from "../../pages/BaseComponent";
import {View} from "@tarojs/components";
import ColorGroup from "../base/ColorGroup";
import Progress from "../base/Progress"
import LogService from "../../service/LogService";
import Switch from "react-switch";

export default class SetView extends BaseComponent {

  render() {

    const switchProps = {checked: this.checked, offColor: '#373634', onColor: '#715CA7', width: 60, height: 25};

    return (
      <View className='set_view'>
        <View className='set_title'>能量音柱</View>

        <View className='color_view'>
          <View className='color_title'>色彩组</View>
          <ColorGroup/>
          <View className='line'/>
          <ColorGroup/>
        </View>

        <View className='set_title'>声控强度</View>
        <Progress/>

        <View className='sound_set'>
          <View className='sound_text'>声控</View>
          <Switch {...switchProps} className='switch'
                  onChange={() => {
                  }}
          />
        </View>

      </View>
    );
  }
}
